/**
 * Created by Q on 2016/11/23.
 */
$(function(){
    var $product = $('main>div:last-child ul');
    var $lis = $('main>div:first-child ul li');
    var $xiangQ = $('main>div:nth-child(2)>ul');

    //点击lis, 对应的可供选择的下拉框显示
    $lis.on('click',function(){
        var $txt = $(this);

        //判断点击的是店铺、地区还是价格，获得相应的数据地址
        if($(this).hasClass('shop')||$(this).hasClass('area')||$(this).hasClass('price')){
            if($(this).hasClass('shop')){
                url=URL.getgsshop;
                id='shopId';
            }else if($(this).hasClass('area')){
                url=URL.getgsshoparea;
                id='areaId';
            }else{
                url=URL.getpackage;
                id='priceId';
            }
        }
        $.ajax({
            url:url,
            type:"get",
            dataType:"json",
            //beforeSend:function(){
            //    $xiangQ.empty();
            //},
            success: function (data) {
                //把获得的相应的数据添加到相应的位置
                var html = template(id,data);
                $xiangQ.html(html);
                $xiangQ.show();
                //点击可供选择的下拉框，表明this被选中的的对号显示出来，并且筛选出符合条件的商品
                $xiangQ.find('li').click(function(){

                    $xiangQ.find('span').hide();
                    $(this).find('span').show();

                    if($(this).hasClass('shopid')){
                        $t = $(this).find('a').text();
                        $s = $txt.find('span').text($t);
                    }else if($(this).hasClass('areaid')){
                        $t = $(this).find('a').text().substr(0,2)+" ";
                        $s = $txt.find('span').text($t);
                    }
                    $.ajax({
                        "url":URL.getgsproduct,
                        "type":"get",
                        data:{shopid:$(this).attr('data-id'),areaid:$(this).attr('data-id')},
                        "dataType":"json",
                        success: function (data) {
                            var tag="";
                            for(var k in data.result){
                                tag += ' <li>'
                                    +'<a href="#"><img src="'+data.result[k].productImg+'" alt=""/>'
                                    +'<p>'+data.result[k].productName+'</p>'
                                    +'<span class="f_left">'+data.result[k].productPrice+'</span>'
                                    +'<span class="f_right">去凑单</span>'
                                    +'</a>'
                                    +'</li>' ;
                            }

                            $product.html(tag);

                        }
                    });
                    $xiangQ.hide();
                });
                //
            }
        });
        //$xiangQ.toggle();
    });


//页面加载完成后获取相关信息
//获取商品信息
    $.ajax({
        "url":URL.getgsproduct,
        "type":"get",
        data:{shopid:$('.shop').attr('data-id'),areaid:$('.area').attr('data-id')},
        "dataType":"json",
        success: function (data) {
            var tag="";
            for(var k in data.result){
                tag += ' <li>'
                    +'<a href="#"><img src="'+data.result[k].productImg+'" alt=""/>'
                    +'<p>'+data.result[k].productName+'</p>'
                    +'<span class="f_left">'+data.result[k].productPrice+'</span>'
                    +'<span class="f_right">去凑单</span>'
                    +'</a>'
                    +'</li>' ;
            }
            $product.html(tag);
        }
    });
});